@import './style.less';
@treeTransfer-prefix:       ~"@{prefix}-treeTransfer";

.@{treeTransfer-prefix} {
  position: relative;
  line-height: 1.5;

  &-list {
    font-size: 12px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    border-radius: @border-radius-base;
    vertical-align: middle;
    position: relative;
    width: 180px;
    height: 200px;
    padding-top: 33px;

    &-header {
      padding: 7px 15px;
      border-radius: @border-radius-base @border-radius-base 0 0;
      background: #fff;
      color: rgba(0, 0, 0, 0.65);
      border-bottom: 1px solid #e9e9e9;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;

      .ant-checkbox-wrapper + span, .ant-checkbox + span {
        padding: 0;
      }

      &-title {
        position: absolute;
        right: 15px;
      }
    }

    &-body {
      font-size: 12px;
      position: relative;
      height: 100%;

      &-not-found {
        padding-top: 0;
        color: rgba(0, 0, 0, 0.25);
        text-align: center;
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: -10px;
      }

      .ant-tree {
        height: 100%;
        overflow: auto;
      }
    }
  }

  &-operation {
    display: inline-block;
    overflow: hidden;
    margin: 0 8px;
    vertical-align: middle;

    .ant-btn {
      display: block;

      &:first-child {
        margin-bottom: 4px;
      }
    }
  }
}
